@import '../common/css/common';
@import '../common/css/extension';


@hoverColor:red;
.setLinkColor(black, @hoverColor);
p{
	margin:10px;
}

.x-btn{
	.removeDefaultButtonStyle;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	border-bottom-color: #B4B4B4;
	text-align:center;
	font-size:1.1em;
	letter-spacing:.2em;	
	.verticalityGradient(#FEFEFE, #D6D6D6);
	.roundedC(5px);
	cursor: pointer;
	color:black;
	padding:0 20px;
}

.x-btn:hover{ // :active?
	.verticalityGradient(#D6D6D6, #FEFEFE);
}
.nav{
	.verticalityGradient(lighten(black, 90%), rgba(255, 255,255, .6));
	border-top:1px solid white;
	height:40px;
	line-height:40px;
	text-align:center;
	width:100%;
	position: fixed;
	z-index: 999;
}

.nav ul li{
	display:inline;
	padding:0 10px;
}

.intro{
	margin: 0 auto;
	width: 940px;
}
.intro li{
	text-align: left;
	list-style: none;
}

li img{
	width:20px;
	height: 20px;
	margin-right: 5px;
}

textarea.code{
	color:gray;
	border:1px solid #ccc;
	width: 50%;
	height: 100px;
	border-left:5px solid #ccc;
}